<template>
  <div id="app">
    <router-view/>
    <div class="cicle3"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  mounted() {


  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
@import 'assets/scss/font.scss';
@import "assets/scss/iconfont.css";

#app {
  width: 100vw;
  height: 100vh;
  background-color: #0a1332;
  overflow: hidden;
  background: url("@/assets/img/zg.png") no-repeat;
  background-size: cover;
}

.cicle3 {
  width: 700px;
  height: 700px;
  background: url('@/assets/img/circle2.png') no-repeat center;
  background-size: 100%;
  position: absolute;
  right: -300px;
  bottom: -300px;
  opacity: .1;
  animation: rotate3 10s linear infinite;
}

@keyframes rotate3 {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
</style>
